doctype html
html(lang='en')
  head
    meta(charset='utf-8')
    meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no')
    meta(name='description' content='')
    meta(name='author' content='Mark Otto, Jacob Thornton, and Bootstrap contributors')
    meta(name='generator' content='Hugo 0.80.0')
    title Dashboard Template · Bootstrap v4.6
    link(rel='canonical' href='https://getbootstrap.com/docs/4.6/examples/dashboard/')
    // Bootstrap core CSS
    link(href='static/assets/dist/css/bootstrap.min.css' rel='stylesheet')
    script(src='https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js')
    script(type='text/javascript' src='https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js')
    script(type='text/javascript' src='https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js')
    script(src='static/assets/dist/js/bootstrap.min.js')
    style.
      .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      }
      @media (min-width: 768px) {
      .bd-placeholder-img-lg {
      font-size: 3.5rem;
      }
      }
    // Custom styles for this template
    link(href='static/dashboard.css' rel='stylesheet')
    link(href='static/lte.css' rel='stylesheet')
  body
    nav.navbar.navbar-dark.sticky-top.bg-dark.flex-md-nowrap.p-0.shadow
      a.navbar-brand.col-md-3.col-lg-2.mr-0.px-3(href='#') Company name
      button.navbar-toggler.position-absolute.d-md-none.collapsed(type='button' data-toggle='collapse' data-target='#sidebarMenu' aria-controls='sidebarMenu' aria-expanded='false' aria-label='Toggle navigation')
        span.navbar-toggler-icon
      input.form-control.form-control-dark.w-100(type='text' placeholder='Search' aria-label='Search')
      ul.navbar-nav.px-3
        li.nav-item.text-nowrap
          a.nav-link(href='#') Sign out
    .container-fluid
      .row
        nav#sidebarMenu.col-md-3.col-lg-2.d-md-block.bg-light.sidebar.collapse
          .sidebar-sticky.pt-3
            ul.nav.flex-column
              li.nav-item
                a.nav-link.active(href='#')
                  span(data-feather='home')
                  |               Dashboard 
                  span.sr-only (current)
            ul#rx_config.nav.mb-2.flex-column
            #logtab
        main.col-md-9.ml-sm-auto.col-lg-10.px-md-4(role='main')
          .d-flex.justify-content-between.flex-wrap.flex-md-nowrap.align-items-center.pt-3.pb-2.mb-3.border-bottom
            h1.h2 Dashboard
            .btn-toolbar.mb-2.mb-md-0
              .btn-group.mr-2
                button#fm.btn.btn-sm.btn-outline-secondary(type='button' onclick='startFM()') FM
                button#gsm.btn.btn-sm.btn-outline-secondary(type='button' onclick='startGSM()') GSM
                button#lte.btn.btn-sm.btn-outline-secondary(type='button' onclick='_G.sdrs.lte.start()') LTE
          #multiframe.w-100.d-flex
            .col-10
              canvas#channel.my-4(width='900' height='380')
              canvas#crs.my-4(width='900' height='380')
              canvas#channel3d.my-4(width='900' height='380')
            .col-2
              h2 CSR
              .table-responsive
                table.table.table-condensed.table-sm
                  thead
                    tr
                      th #
                      th cid
                      th port
                      th amp
                      th pos
                  tbody#crstab
    script(src='/static/index.js')
    script(src='/static/ws.js')
    script(src='/static/sdr.js')
    script(src='/static/lte.js')
    script(src='/static/lteview.js')
    script(src='/static/rxview.js')
